<template>
  <div>
    <el-row v-for="(questionnaire) in questionnaire" :key="questionnaire.id">
              <el-col>
                {{questionnaire.issue}}
              </el-col>
          </el-row>
  </div>
</template>

<script>
import { getById } from '@/api/questionnaire'

export default {
    data(){
        return{
          questionnaire:{}
        }
    },
    methods:{
      //错误信息
      outputError(error) {
        console.log(error.response ? error.response : error.message)
        this.$message({
          showClose: true,
          message: '出错了，请按F12查看浏览器日志。',
          type: 'error'
        })      
      }  
    },
    created(){
      getById(1)
      .then(response => {
        console.log(response);
        this.questionnaire=response.data
      })
      .catch(error => {
        this.outputError(error)
      })
    }
}
</script>

<style>

</style>